<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                template="pagetemplate.xhtml"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:p="http://primefaces.org/ui"  >

    <ui:define name="titulo">Renato's Page</ui:define>
    
    <ui:define name="m2"><li class="current"><a href="#{myHomeUtil.path}/cgi/produto.xhtml" class="m2">${msg.produto}</a></li></ui:define>   

    <ui:define name="link_lateral_name">${msg.comandos}</ui:define>
    <ui:define name="link_lateral">
        <li><span><h:commandLink action="#{cadastroProduto.apresentarCadastro}" value="${msg.cadastro}" /></span></li>
        <li><span><h:commandLink action="#{cadastroProduto.apresentarListagem}" value="${msg.listagem}" /></span></li>
    </ui:define>
    
    <ui:define name="inside" >

        <h:panelGroup rendered="#{controladorProduto.showCadastro or controladorProduto.showEdicao}">
            <h:form id="cadastro_produto">
                <p:panel styleClass="panelPrime" header="${msg.cadastro_produto}" >
                    <h:panelGrid columns="2" id="formulario" styleClass="panelPrime"  width="100%">
                        <h:outputText value="${msg.codigo}"/>
                        <p:inputText value="#{cadastroProduto.produto.codigo}" id="codigo"
                                     onkeypress=" return validaNumeros(event);">                           
                        </p:inputText>
                        <h:outputText value="${msg.descricao}" />
                        <p:inputText value="#{cadastroProduto.produto.descricao}" 
                                      style="width: 100%;" 
                                     id="descricao"/>                    
                        
                        <p:selectOneMenu disabled="false" value="#{cadastroProduto.estoque}"  converter="estoqueConverter"   effect="fade">
                            <f:selectItem itemLabel="Select" itemValue="0; "/>
                            <f:selectItems value="#{cadastroProduto.selecaoEstoque}"/>
                            
                        </p:selectOneMenu>
                    </h:panelGrid>
                    <h:panelGrid columns="1" 
                                 styleClass="buttonsRigth" 
                                 style="text-align: right" width="100%" >
                        <p:commandButton action="#{cadastroProduto.cadastrar}" 
                                         value="${msg.cadastrar}" 
                                         rendered="#{controladorProduto.showCadastro}"/>                        
                        <p:commandButton action="#{cadastroProduto.salvar}" 
                                         value="${msg.salvar}" 
                                         rendered="#{controladorProduto.showEdicao}"                                         
                                         style="text-align: right;"/>
                    </h:panelGrid>                    

                </p:panel>
                <p:messages autoUpdate="true" showDetail="true"/>
            </h:form>
        </h:panelGroup>
        
        <h:panelGroup rendered="#{controladorProduto.showListagem}" >
            <h:form>
                <p:dataTable value="#{cadastroProduto.produtos}" var="produtoAction" emptyMessage="${msg.sem_registro}">
                    <p:column>
                        <f:facet name="header">
                            <h:outputText value="${msg.codigo}"/>
                        </f:facet>
                        <h:outputText value="#{produtoAction.produto.codigo}" />
                    </p:column>
                    <p:column>
                        <f:facet name="header">
                            <h:outputText value="${msg.descricao}"/>
                        </f:facet>
                        <h:outputText value="#{produtoAction.produto.descricao}" />
                    </p:column>
                    <p:column>
                        <f:facet name="header">
                            <h:outputText value="${msg.descricao}"/>
                        </f:facet>
                        <p:commandButton action="#{produtoAction.editar}" value="Editar" ajax="false" />
                    </p:column>
                </p:dataTable>
            </h:form>
        </h:panelGroup>        
    </ui:define>    
</ui:composition>
